const path=require('path');
// 导入webpack配置文件合并工具
const merge=require('webpack-merge');
// 导入webpack基础配置
const base=require('./webpack.base.config.js');

// 根据模板html在内存中生成一个页面, 并且自动注入打包好的js
const HtmlWebpackPlugin=require('html-webpack-plugin');
const htmlWebpack=new HtmlWebpackPlugin({
    title: '项目名称',
    template:path.join(__dirname,'../index.html'),
    filename:'index.html'
});

module.exports=merge(base,{
    mode:'development',
    // 生成行内的source-map源映射文件, 方便调试
    devtool: 'inline-source-map',
    devServer:{
        // 设置webpack-dev-server的根目录
        contentBase:'./src'
    },
    plugins:[htmlWebpack]
})